<!DOCTYPE html>
<html>
<!-- Test that svg bounding boxes are not affected by empty containers -->
    <head>
        <script type="text/javascript">
            function checkBoundingBoxesEqual() {
                if (window.testRunner)
                    testRunner.dumpAsText();

                // Ensure both boxes are the same size, meaning the empty <g> does not affect the bbox size.
                var bboxA = document.getElementById('ga').getBBox();
                var bboxB = document.getElementById('gb').getBBox();
                var results = "FAIL";
                if (bboxA.width == bboxB.width && bboxA.height == bboxB.height)
                    results = "PASS";
                document.body.innerHTML = results + ", bounding box sizes are (" + 
                    bboxA.width + ", " + bboxA.height + ") and (" + 
                    bboxB.width + ", " + bboxB.height + ")";
            }
        </script>
    </head>
    <body onload="checkBoundingBoxesEqual()">
        <svg width="400" height="400" xmlns="http://www.w3.org/2000/svg">    
            <g id="ga">
                <g></g>
                <g transform="translate(100, 100)">
                	<g></g>
                    <rect x="0" y="0" width="100" height="100" rx="10" ry="10" stroke="#000000" stroke-width="1" fill="#ffffcc" />
                </g>
            </g>
            <g id="gb">
                <g transform="translate(100, 100)">
                    <rect x="0" y="0" width="100" height="100" rx="10" ry="10" stroke="#000000" stroke-width="1" fill="#ffffcc" />
                </g>
            </g>
        </svg>
    </body>
</html>
